.Hotcourse {
  width: 375.33rem;
  height: 407.8rem;
  background-color: #fff;
  margin-bottom: 10rem;
  .top {
    width: 375.33rem;
    height: 34.02rem;
    color: #000000;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 10rem;
    span {
      font-size: 14rem;
      color: #222;
      font-weight: 400;
    }
    i {
      font-style: normal;
      font-size: 0.32rem;
      color: #a4a4a4;
    }
  }
  .hot_con {
    box-sizing: border-box;
    padding: 0 5rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    .item {
      width: 182.15rem;
      height: 177.64rem;
      text-align: center;
      img {
        width: 171.15rem;
        height: 129.12rem;
        margin: 0 auto;
      }
      h4 {
        width: 171.15rem;
        margin: 5rem auto;
        text-align: left;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-size: 12rem;
      }
    }
  }
}
